<template>
  <div class="container_buy">
    <div class="container_buy__header">
      <div class="container_buy__header__left iconfont" @click="toBack">
        &#xe84f;
      </div>
      <div class="container_buy__header__mid">药品采购</div>
      <div class="container_buy__header__right iconfont">&#xe72c;</div>
    </div>
    <div class="container_buy__content">
      <div class="container_buy__content__title">商家店铺</div>
      <div class="container_buy__content__shop">
        <shopInfo />
      </div>
    </div>
  </div>
</template>
<script setup>
import shopInfo from "./shopInfo.vue";
import { useBackRouterEffect } from "../../../effects/backEffect";
const toBack = useBackRouterEffect();
</script>
<style lang="scss" scoped>
.container_buy {
  &__header {
    width: 414rem;
    height: 88rem;
    background-color: #6481da;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20rem;
    color: aliceblue;
    padding: 35rem 20rem 5rem 20rem;
  }
  &__content {
    padding: 0 10rem;
    box-sizing: border-box;
    &__title {
      font-size: 22rem;
      font-weight: bold;
      margin: 10rem 0;
      background-color: #fff;
      padding: 10rem;
      padding-left: 15rem;
      border-radius: 5rem;
    }
    &__shop {
      padding-top: 20rem;
      border-radius: 5rem;
      background-color: #fff;
    }
  }
}
</style>
